import './A17.scss'

const LockScreenA17 = () => {
    return (
        <div className='LockScreenA17'>
            <div className="stage">
                <div className="campfire">
                    <div className="sparks">
                        <div className="spark"></div>
                        <div className="spark"></div>
                        <div className="spark"></div>
                        <div className="spark"></div>
                        <div className="spark"></div>
                        <div className="spark"></div>
                        <div className="spark"></div>
                        <div className="spark"></div>
                    </div>
                    <div className="logs">
                        <div className="log">
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                        </div>
                        <div className="log">
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                        </div>
                        <div className="log">
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                        </div>
                        <div className="log">
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                        </div>
                        <div className="log">
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                        </div>
                        <div className="log">
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                        </div>
                        <div className="log">
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                            <div className="streak"></div>
                        </div>
                    </div>
                    <div className="sticks">
                        <div className="stick"></div>
                        <div className="stick"></div>
                        <div className="stick"></div>
                        <div className="stick"></div>
                    </div>
                    <div className="fire">
                        <div className="fire__red">
                            <div className="flame"></div>
                            <div className="flame"></div>
                            <div className="flame"></div>
                            <div className="flame"></div>
                            <div className="flame"></div>
                            <div className="flame"></div>
                            <div className="flame"></div>
                        </div>
                        <div className="fire__orange">
                            <div className="flame"></div>
                            <div className="flame"></div>
                            <div className="flame"></div>
                            <div className="flame"></div>
                            <div className="flame"></div>
                            <div className="flame"></div>
                            <div className="flame"></div>
                        </div>
                        <div className="fire__yellow">
                            <div className="flame"></div>
                            <div className="flame"></div>
                            <div className="flame"></div>
                            <div className="flame"></div>
                            <div className="flame"></div>
                        </div>
                        <div className="fire__white">
                            <div className="flame"></div>
                            <div className="flame"></div>
                            <div className="flame"></div>
                            <div className="flame"></div>
                            <div className="flame"></div>
                            <div className="flame"></div>
                            <div className="flame"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    );
};

export default LockScreenA17;